<script setup lang="ts">
import { ref } from 'vue';
let active = ref(18);
let msg = ref('刘志成')
</script>

<template>
  <div>
    <!-- 给slot标签添加name属性，就叫具名插槽。 在外面就需要使用 v-slot:icon 才能传递值，简写就是 #icon -->
    插槽
    <slot name="icon" :active="active">
      <van-icon name="like-o" />
    </slot>
    <slot name="name" :msg="msg">
      <van-icon name="like-o" />
    </slot>
  </div>
</template>

<style lang="scss" scoped></style>
